﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Solutions.aspx.cs" Inherits="Solutions" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <link href="css/Solutions.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript">
        $(document).ready(function () {
            $('#cssmenu ul li').removeClass('active');
            $('#cssmenu ul li.3').addClass('active');
        });
    </script>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

    <script type="text/javascript" src="javascript/ddaccordion.js">
        /***********************************************
        * Accordion Content script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
        * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
        * This notice must stay intact for legal use
        ***********************************************/
    </script>

    <script type="text/javascript">
        ddaccordion.init({
            headerclass: "submenuheader", //Shared CSS class name of headers group
            contentclass: "submenu", //Shared CSS class name of contents group
            revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
            mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
            collapseprev: true, //Collapse previous content (so only one open at any time)? true/false 
            defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
            onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
            animatedefault: false, //Should contents open by default be animated into view?
            persiststate: true, //persist state of opened contents within browser session?
            toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
            togglehtml: ["suffix", "<img src='javascript/plus.gif' class='statusicon' />", "<img src='javascript/minus.gif' class='statusicon' />"], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
            animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
            oninit: function (headers, expandedindices) { //custom code to run when headers have initalized
                //do nothing
            },
            onopenclose: function (header, index, state, isuseractivated) { //custom code to run whenever a header is opened or closed
                //do nothing
            }
        })


    </script>


    <style type="text/css">

    .glossymenu{
    margin: 5px 0;
    padding: 0;
    width: 100%; /*width of menu*/
    border: 0px solid #9A9A9A;
    border-bottom-width: 0;
    }

    .glossymenu a.menuitem{
    background: black url(javascript/glossyback.gif) repeat-x bottom left;
    font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: white;
    display: block;
    position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
    width: auto;
    padding: 5px;
    margin-top:1px;
    text-decoration: none;
    line-height:20px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    }


    .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
    color: white;
    }

    .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
    position: absolute;
    top: 5px;
    right: 5px;
    border: none;
    }

    .glossymenu a.menuitem:hover{
    background-image: url(javascript/glossyback2.gif);
    }

    .glossymenu div.submenu{ /*DIV that contains each sub menu*/
    background: white;
    }

    .glossymenu div.submenu ul{ /*UL of each sub menu*/
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

    .glossymenu div.submenu ul li{
    border-bottom: 1px solid blue;
    }

    .glossymenu div.submenu ul li a{
    display: block;
    font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: black;
    text-decoration: none;
    padding: 2px 0;
    padding-left: 10px;
    }

    .glossymenu div.submenu ul li a:hover{
    background: #DFDCCB;
    colorz: white;
    }

    </style>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentImage" Runat="Server">
    <img src="images/solution-banner.png" alt="">
</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ContentMain" Runat="Server">
    <h1 class="top-heading">Solutions</h1>
    <div class="span12" style="margin-left:0px; padding-top:0px;">
      <div class="span8" id="mid-part">
         <h1 class="i_development" style="padding-top:0px;">What Can Mobile Do For You?</h1>
        <p style="text-align:justify;">While many businesses feel that they should hop on the  mobilization bandwagon, they may not really understand how the technology could  be applied to their business model.&nbsp;  Depending on your specific business, there are several ways that  mobilization can transform your business operations or add a punch to your  marketing efforts. </p>
        <div class="row-fluid">
          <div class="glossymenu">
            <a class="menuitem submenuheader" href="#name" >Connecting with Customers</a>
            <div class="submenu">
	            <div class="media" style="padding:3px 9px 3px 9px;">
                  <div class="media-body">                    
                      <div class="solution-point"><strong>Guide Customers</strong> - Take advantage of mobile features like touchscreen and GPS to guide customers to you </div>
                      <div class="solution-point"><strong>Immediate Feedback</strong> - Provide customers with quotes instantly and allow them to compare prices</div>
                      <div class="solution-point"><strong>Customer Support</strong> - Easily respond to queries and complaints</div>
                      <div class="solution-point"><strong>Customer Relationship Management</strong> - Enhance your CRM  strategy</div>
                      <div class="solution-point"><strong>Killer Apps</strong> - Engage customers with entertaining games and apps and keep them thinking about your products</div>
                  </div>
                </div>
            </div>
            <a class="menuitem submenuheader" href="#name">Increasing Customer Satisfaction</a>
            <div class="submenu">
	            <div class="media" style="padding:3px 9px 3px 9px;">
                  <div class="media-body">                    
                      <div class="solution-point"><strong>Guide Customers</strong> - Take advantage of mobile features like touchscreen and GPS to guide customers to you </div>
                      <div class="solution-point"><strong>Immediate Feedback</strong> - Provide customers with quotes instantly and allow them to compare prices</div>
                      <div class="solution-point"><strong>Customer Support</strong> - Easily respond to queries and complaints</div>
                      <div class="solution-point"><strong>Customer Relationship Management</strong> - Enhance your CRM  strategy</div>
                      <div class="solution-point"><strong>Killer Apps</strong> - Engage customers with entertaining games and apps and keep them thinking about your products</div>
                    <!-- Nested media object -->
                  </div>
                </div>
            </div>
            <a class="menuitem submenuheader" href="#name">Empowering Your Employees</a>
            <div class="submenu">
	            <div class="media" style="padding:3px 9px 3px 9px;">
                  <div class="media-body">                  
                      <div class="solution-point"><strong>Task Management</strong> - Instant access to tools and information employees need to stay on task, on time, and on budget</div>
                      <div class="solution-point"><strong>Mobile Management</strong> - Manage business transactions from anywhere</div>
                      <div class="solution-point"><strong>Increased Communications</strong> - Keep employees in constant contact, no matter where they are</div>
                      <div class="solution-point"><strong>Content Management</strong> - Enhance your CMS and manage content on the fly</div>
                  </div>
                </div>
            </div>
            <a class="menuitem submenuheader" href="#name">Building Relationships with Vendors</a>
            <div class="submenu">
	            <div class="media" style="padding:3px 9px 3px 9px;">
                  <div class="media-body">                    
                      <div class="solution-point"><strong>Product Updates</strong> - Immediate access to vendor updates on products and services</div>
                      <div class="solution-point"><strong>Vendor Relations</strong> - Stay in touch with key suppliers anytime and anywhere</div>
                  </div>
                </div>
            </div>	
        </div>
          <div>
          <h1 class="i_development">How Can You Ensure a Positive Return on Your Investment to Mobilize?</h1>
           <p>While one can argue that every business can gain value from mobilizing, if you do not partner with the right mobile developer your mobilization strategy can take a wrong turn.  Hasty partnerships formed without due diligence move businesses away from the acclaimed mobile benefits, causing them to lose time and money on their mobile endeavors.  In addition to finding a partner with experience, references, and expertise, there are six other considerations you should take into account.</p>
        
                <div class="solution-point">Does the mobile partner have multi-platform experience? </div>
                <div class="solution-point">Can your mobile provider provide back-end system integration?</div>
                <div class="solution-point">Is your mobile partner capable of contributing new ideas to your mobile strategy?</div>
                <div class="solution-point">Is your mobile partner a business solutions architect?</div>
                <div class="solution-point">Does your mobile partner offer value identification and prioritization?</div>
                <div class="solution-point">Does your mobile partner assume end-to-end responsibility for the project?</div>
                            
          </div>
        </div>
      </div>
      <div class="span3" id="right-part">
        <div id="banner-link"><a href="pdf/iphone.pdf" target="_blank"><img src="images/iphone-add.jpg" alt=""></a></div>
        <div id="banner-link2"><a href="pdf/article.pdf" target="_blank"><img src="images/things.jpg" alt=""></a></div>
      </div>
    </div>
</asp:Content>

